<template>
    <input type="text" :value="modelValue" @input="emit('update:modelValue',(<HTMLInputElement>$event.target).value)">
</template>

<script setup lang="ts" name="NewInput">
    defineProps(['modelValue'])
    const emit = defineEmits(['update:modelValue'])
</script>

<style>
    input{
        border:2px solid black;
        background-image: linear-gradient(45deg,red,yellow,green);
        height: 30px;
        font-size: 20px;
        color: #ffffff;
}
</style>